<template>
  <span slot="footer" class="dialog-footer">
    <div class="text-input">
      <div class="title">领导批示</div>
      <div class="result">
        <span class="time">2019-09-25 16:10:20</span>
        <span class="name">王磊</span>
        <span class="text-1">审批结果：</span>
        <span class="text-2">审批通过</span>
        <span class="text-3">审批意见：</span>
        <span class="text-4">通过</span>
      </div>
    </div>
  </span>
</template>
<script>
export default {
  data() {
    return {
      dialogVisible: false,
      textarea: "",
      //动态组件
      com: "Success",
    };
  },
};
</script>
<style lang="less" scoped>
.dialog-footer {
  .text-input {
    display: flex;
    .title {
      width: 80px;
      height: 80px;
      font-size: 14px;
      line-height: 22px;
      color: rgba(51, 51, 51, 1);
      background: rgba(242, 242, 242, 1);
      border: 1px solid rgba(221, 221, 221, 1);
      padding: 18px 22px 0px 25px;
      white-space: normal;
    }
    .result {
      width: 1010px;
      height: 80px;
      background: rgba(242, 242, 242, 1);
      border: 1px solid rgba(221, 221, 221, 1);
      padding: 15px 0 0 9px;
      span {
        font-size: 14px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: rgba(51, 51, 51, 1);
        line-height: 22px;
      }
      .time{
          margin-right: 5px;
      }
      .name{
          margin-right: 30px;
      }
      .text-1{
          margin-right: 5px;
      }
      .text-2{
          margin-right: 30px;
      }
      .text-3{
          margin-right: 5px;
      }
    }
  }
}
</style>